<template>
  <div class="exponent">
    <template v-if="type === 'chinampa'">
      <div class="exponent-con">状态: {{ injectData.status }}</div>
      <div class="exponent-con">上岛: {{ injectData.island }}</div>
      <div class="exponent-con">岛坑: {{ injectData.pit }}</div>
      <div class="exponent-con">时岛量: {{ injectData.hourNum }}</div>
      <div class="exponent-con">10分量: {{ injectData.tenMinNum }}</div>
      <div class="exponent-con">天岛量: {{ injectData.dayNum }}</div>
    </template>

    <template v-else-if="type === 'castle'">
      <div class="exponent-con">状态: {{ injectData.status }}</div>
      <div class="exponent-con">上堡: {{ injectData.castle }}</div>
      <div class="exponent-con">堡坑: {{ injectData.pit }}</div>
      <div class="exponent-con">时堡量: {{ injectData.hourNum }}</div>
      <div class="exponent-con">10分量: {{ injectData.tenMinNum }}</div>
      <div class="exponent-con">天堡量: {{ injectData.dayNum }}</div>
    </template>

    <template v-else-if="type === 'starrySky'">
      <div class="exponent-con">状态: {{ injectData.status }}</div>
      <div class="exponent-con">上星: {{ injectData.starrySky }}</div>
      <div class="exponent-con">星坑: {{ injectData.pit }}</div>
      <div class="exponent-con">时星量: {{ injectData.hourNum }}</div>
      <div class="exponent-con">10分量: {{ injectData.tenMinNum }}</div>
      <div class="exponent-con">天星量: {{ injectData.dayNum }}</div>
    </template>

    <template v-else-if="type === 'jackpot'">
      <div class="exponent-con">今日: {{ injectData.today }}</div>
      <div class="exponent-con">时段: {{ injectData.hour }}</div>
      <div class="exponent-con">礼物: {{ injectData.gift }}</div>
      <div class="exponent-con">统计时间: {{ injectData.time }}</div>
      <div class="exponent-con">抽量(秒段): {{ injectData.second }}</div>
      <div class="exponent-con">时差: {{ injectData.timeDiff }}</div>
      <div class="exponent-con">抽量(分): {{ injectData.min }}</div>
      <div class="exponent-con">秒钧: {{ injectData.secondArerage }}</div>
    </template>

  </div>
</template>

<script>
export default {
  name: 'exponent',
  props: {
    injectData: {
      type: Object,
      default: () => {}
    },
    /**
     * @param {string} chinampa 浮岛
     * @param {string} castle 城堡
     * @param {string} starrySky 星空
     * @param {string} jackpot 奖池
    */
    type: {
      type: String,
      default: ''
    }
  }
}
</script>